<template>
  <div class="cb_container">
    <h3>这是comb组件</h3>
    <!-- comb向comc发送数据 -->
    <button @click="sendToC">comb发送数据</button>
    <!-- comb向comc发送数据，验证是否响应式的：测试结果不是响应式的 -->
    <button @click="changeAge">改变age值，观看comc中的渲染age值是否改变</button>
  </div>
</template>
<script>
import { Event } from '../../main';
export default {
  data() {
    return {
      age: 17
    };
  },
  methods: {
    sendToC() {
      Event.$emit('comb', this.age);
    },
    changeAge() {
      this.age = 18;
      // age改变后，重新把新值$emit过去
      this.sendToC();
    }
  }
};
</script>
<style lang="less" scoped>
.cb_container {
  button {
    margin-right: 50px;
  }
}
</style>
